/* 设置body的背景颜色 */
body {
  background-color: #f5f5f5;
  font-family: Arial, sans-serif; /* 设置全局字体 */
}

/* 设置导航栏的样式 */
.navigation-total-container {
  width: 100%;
  height: 100vh;
  background-color: #f5f5f5;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1em 1em rgba(0, 0, 0, 0.1);
}

/* 设置用户名容器的样式 */
.user-name-item-container {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
}

/* 设置用户名的样式 */
.user-name-item-span {
  font-size: 2rem; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细 */
}

/* 设置链接容器的样式 */
.links-container {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
}

/* 设置主列表的样式 */
#main-list {
  list-style-type: none; /* 移除默认的项目符号 */
  padding: 0; /* 移除内边距 */
}

#main-list li {
  font-weight: lighter;
  margin: 20% 0;
  text-decoration: underline;
  font-size: 1rem;
}

/* 设置链接的样式 */
#main-list a {
  color: #333;
  text-decoration: none; /* 移除下划线 */
}

/* 鼠标悬停在链接上时的样式 */
#main-list a:hover {
  color: #666;
}

.transport {
  margin: 0 5%;
}
